<div class="col-sm-12">
  <div class="box">
    <!-- <div class="box-title">
      <h4><i class="fa fa-table"></i>老人动态和预警</h4>
      <div class="tools ">
        <a href="#box-config" data-toggle="mfodal" class="config">
          <i class="fa fa-cog"></i>
        </a>
        <a href="javascript:;" class="reload">
          <i class="fa fa-refresh"></i>
        </a>
        <a href="javascript:;" class="collapse">
          <i class="fa fa-chevron-up"></i>
        </a>
        <a href="javascript:;" class="remove">
          <i class="fa fa-times"></i>
        </a>
      </div>
    </div> -->
    <div class="box-body">
    <div id="datatable1_wrapper" class="dataTables_wrapper form-inline" role="grid">
    	<div class="row">
        <!--搜索-->
        <div class="col-sm-9 ">
            <span class="date-range pull-left">
              <div class="btn-group">
                <a class="js_update btn btn-default" href="#" {{action "search" "today" on="click"}}>今天</a>
                <a class="js_update btn btn-default" href="#" {{action "search" "seven" on="click"}}>最近7天</a>
                <a class="js_update btn btn-default" href="#" {{action "search" "thirty" on="click"}}>最近一个月</a>

                <a id="reportrange" class="btn reportrange" {{action "showDate" on="click"}}>
                  <i class="fa fa-calendar"></i>
                  <span>自定义日期</span>
                  <i class="fa fa-angle-down"></i>
                </a>
              </div>
             {{#if dateShow}}
              <!-- 日期选择弹窗 -->
              <div class="date-box form-input-group">
                  <div class="row">
                    <div class="col-xs-4 col-sm-4 org-title">开始时间：</div>
                    <!-- <div class="col-xs-8 col-sm-8">{{input class="input-group-content" type="date" value=beginDate}}</div> -->
                      <div class="col-xs-8 col-sm-8">
                    {{ui/addon/bs-datetimepicker date=null placeholder="开始时间"
											locale="zh-CN" iconClasses="fa fa-calendar"
											 show="dpShowAction"  change="changeBeginDateAction"}}
                      </div>
                  </div>
                  <div class="row">
                    <div class="col-xs-4 col-sm-4 org-title">结束时间：</div>
                    <!-- <div class="col-xs-8 col-sm-8">{{input class="input-group-content" type="date" value=endDate}}</div> -->
                    <div class="col-xs-8 col-sm-8">
                  {{ui/addon/bs-datetimepicker date=null placeholder="结束时间"
                    locale="zh-CN" iconClasses="fa fa-calendar"
                     show="dpShowAction"  change="changeEndDateAction"}}
                    </div>
                  </div>
                  <div class="btn-row text-center">
                    <button class="btn btn-primary"  {{action "hideDate"  on="click"}}><i class="fa fa-check icon-white"></i>&ensp;确定</button>
                    <button class="btn btn-light-grey"  {{action "hideDate" on="click"}}><i class="fa fa-times"></i>&ensp;取消</button>
                  </div>
              </div>
              <!-- End 日期选择弹窗 -->
              {{else}}
              {{/if}}
            </span>
          </div>
          <div class="user-add-btn col-sm-3 pull-right nopadding-right">
      		  <!-- <a id="uploadExcel" class="btn btn-icon btn-turquoise btn-xs pull-right right10" {{action "toDetailPage"  on="click"}}>
      		      <i class="fa-plus"></i>添加新预警
      		  </a> -->
            {{#ui/mix-button class=" user-btn pull-right" iconClass="fa-plus"  text='添加新预警'  clickAction="toDetailPage" toDetailPage="toDetailPage" style="padding-right:0px;margin-right:0px;"}}
            {{/ui/mix-button}}
      	  </div>

    	  <!--搜索-->
    	</div>
      <table id="datatable1" cellpadding="0" cellspacing="0" border="0"  class="datatable table table-bordered table-hover dataTable mt15" aria-describedby="datatable1_info">
        <thead>
          <tr role="row">
            <th rowspan="1" colspan="1" width="">用户姓名</th>
            <th rowspan="1" colspan="1" width="">床位号</th>
            <th rowspan="1" colspan="1" width="">时间</th>
            <th rowspan="1" colspan="1" width="">预警说明</th>
            <th rowspan="1" colspan="1" class="" width="">处理人</th>
        		<th rowspan="1" colspan="1" class="" width="">处理状态</th>
        		<th rowspan="1" colspan="1" class="" width="">处理说明</th>
          </tr>
        </thead>
      <tbody role="alert" aria-live="polite" aria-relevant="all" class="">
          {{#each warningList as |warning|}}
          <tr class="gradeA odd" {{action "toDetailPage" warning on="click"}}>
            <td class=" ellipsis sorting_1">{{warning.caller.name}}</td>
            <td class=" ellipsis ">{{warning.caller.bed.name}}</td>
            <td class=" ellipsis">{{warning.callTimeString}}</td>
            <td class=" ellipsis ">{{warning.reason}}</td>
            <!-- <td class="">
							<div class="relative">
								<span class="ellipsis floatLeft width90" title="需要人帮助，进行呼叫">需要人帮助，进行呼叫</span>
								{{#if detailEdit}}
									<a class="pull-right" href="javascript:;" {{action "detailEditClick" on="click"}}>
										<i class="fa fa-pencil"></i>
									</a> -->
									<!--编辑-->
									<!-- <div class="window">
										<div class="closeBtn">
											<a href="javascript:;" class="remove" {{action "detailCancel" on="click"}}>
												<i class="fa fa-times"></i>
											</a>
										</div>
										<p>编辑备注说明</p>
										<textarea rows="5" cols="5" name="textarea" class="form-control"></textarea>
										<div class="box-body top10">
											<p class="btn-toolbar">
												<button class="btn btn-primary" {{action "detailBtnClick" on="click"}}>确定</button>
												<button class="btn btn-grey" {{action "detailCancel" on="click"}}>取消</button>
											</p>
										</div>
									</div> -->
									<!--编辑-->
								<!-- {{else}}
									<a class="pull-right" href="javascript:;" {{action "detailEditClick" on="click"}}>
										<i class="fa fa-pencil"></i>
									</a>
								{{/if}}
							</div>
      	    </td> -->
            <td class="ellipsis">{{warning.operater.staffName}}</td>
      	    <td class="ellipsis">
          		<span class="ellipsis floatLeft width90">{{warning.flag.typename}}</span>
							<!-- <a class="pull-right" href="javascript:;">
								<i class="fa fa-bell-o"></i>
							</a> -->
      	    </td>
            <td class="">{{warning.operateNote}}</td>
      	  </tr>
          {{/each}}
       </tbody>
        </table>
        {{#if warningList }}
            {{page-numbers content=warningList showFL=true numPagesToShow=5}}
            {{else}}
                <h1 class="col-sm-12 center unTask"></h1>
        {{/if}}
      </div>
    </div>
  </div>
  <!-- /BOX -->
</div>
